<template>
    <div>
      <group >
        <x-input title="原密码" type="password" placeholder="请输入原密码" novalidate :icon-type="iconType"  @on-blur="onBlur" ></x-input>
      </group>

      <group title="密码不小于6个字符">
        <x-input title="新密码" type="password"  placeholder="请输入新密码" v-model="password" :min="6" :max="20" @on-change="change"></x-input>
        <x-input title="再次输入" type="password" v-model="password2"  placeholder="请再次输入新密码" :equal-with="password"></x-input>
      </group>

      <div style="padding:25px 15px;">
        <x-button @click.native="iconType = 'success'" type="primary">确定</x-button>
      </div>

    </div>
</template>

<script>
  import { XInput,Group,XButton } from 'vux'
    export default {
      name: "eaditpwd",
      components: {
        XInput,
        Group,
        XButton,
      },
      data(){
        return{
          iconType: '',
          password:'',
          password2:'',

        }
      },
      mounted(){
        console.log(2,this.$router);
      },
      methods:{
        onBlur (val) {
          console.log('on bar   ', val);
        },
        change (val) {
          console.log('on change', val)
        },

      },
      watch:{

      }
    }
</script>

<style scoped>

</style>
